import React , { Component } from 'react';
import { Button } from 'antd';

class BindingMobile extends Component {
  constructor(props) {
    super(props);
    this.state = {
      mobile: false
    }
  }
  render() {
    if(this.state.mobile) {
      return (
        <div className="binding-mobile-wrapper">
          <h1>绑定手机号</h1>
          <span>绑定手机号可提升账号防御能力</span>
          <Button className="button" type="primary">绑定手机号</Button>
        </div>
      )
    }else{
      return (
        <div className="binding-email-wrapper">
          <h2>已绑定手机</h2>
          <h1>133******73</h1>
          <span>一个手机号只能绑定一个账号</span>
          <Button className="button" type="primary">更换手机号</Button>
        </div>
      )
    } 
  }
}

export default BindingMobile;